<!-- 水印啊是这个吗 -->
<!DOCTYPE html>
<head>
	<title>第一页</title>
	<link rel="stylesheet" href="./CSS/index.css" type="text/css" />
	<link rel="stylesheet" href="./CSS/list.css" type="text/css" />
</head>
<body>
	<section class="fictionBox">
		<article>
			<!-- 小说图片 -->
			<figure class="fictionImg">
				<img src="image/1.jpg" alt="朝花夕拾" />
			</figure>
			<!-- 相关说明 -->
			<div class="fictionInfo">
				<!-- 小说名称 -->
				<h3>朝花夕拾</h3>
				<!-- 小说作者 -->
				<small class="fictionTip">
					<mark>鲁迅</mark>
				</small>
				<!-- 小说简介 -->
				<p>《朝花夕拾》简介</p>
			</div>
		</article>
		<article>
			<!-- 小说图片 -->
			<figure class="fictionImg">
				<img src="image/2.jpg" alt="呐喊" />
			</figure>
			<!-- 相关说明 -->
			<div class="fictionInfo">
				<!-- 小说名称 -->
				<h3>呐喊</h3>
				<!-- 小说作者 -->
				<small class="fictionTip">
					<mark>鲁迅</mark>
				</small>
				<!-- 小说简介 -->
				<p>《呐喊》简介</p>
			</div>
		</article>
		<article>
			<!-- 小说图片 -->
			<figure class="fictionImg">
				<img src="image/3.jpg" alt="骆驼祥子" />
			</figure>
			<!-- 相关说明 -->
			<div class="fictionInfo">
				<!-- 小说名称 -->
				<h3>骆驼祥子</h3>
				<!-- 小说作者 -->
				<small class="fictionTip">
					<mark>老舍</mark>
				</small>
				<!-- 小说简介 -->
				<p>《骆驼祥子》简介</p>
			</div>
		</article>
		<article>
			<!-- 小说图片 -->
			<figure class="fictionImg">
				<img src="image/4.jpg" alt="狂人日记" />
			</figure>
			<!-- 相关说明 -->
			<div class="fictionInfo">
				<!-- 小说名称 -->
				<h3>狂人日记</h3>
				<!-- 小说作者 -->
				<small class="fictionTip">
					<mark>鲁迅</mark>
				</small>
				<!-- 小说简介 -->
				<p>《狂人日记》简介</p>
			</div>
		</article>
	</section>
</body>